<template>
	<!--头部-->
	<div class="container">

		<header class="customHeaderStyle">
			<!--<router-link :to="{path:'order', query:{orderStatus: num}}">
				<div class="go-back">
					<i></i>
					<i></i>
					<i></i>
				</div>
			</router-link>-->
			<div @click="goback">
				<div class="go-back">
					<i></i>
					<i></i>
					<i></i>
				</div>
			</div>
			<div class="headerCustomTitle">订单详情</div>
			<div class="aui-list-item-label-icon kf" @click="online">
				<i class="icon njfont nj-kefu"></i>
			</div>
			<!-- <m-header title="订单详情"></m-header> -->
		</header>
		<!-- <div style="height:3rem;"></div> -->

		<div class="centent">
			<!--订单状态-待付款-->
			<div class="order_status order_status_1" v-if="childOrderList.status === 0 && childOrderList.payStatus === 0">
				<div class="aui-pull-left">
					<h3>待付款</h3>
					<!-- <p>请在{{getCancelTime}}分钟内进行支付</p> -->
					<p>请在{{creTime(arr.remainingTm)}}分钟内进行支付</p>
				</div>
				<div class="aui-pull-right">
					<i class="icon njfont nj-daifukuan1"></i>
					<em></em>
				</div>
			</div>
			<!--订单状态-待付款end-->
			<!--订单状态-待配送-->
			<div class="order_status" v-if="childOrderList.status === 1 && !arr.selfExtract">
				<div class="aui-pull-left">
					<h3>已取消</h3>
					<p>订单已取消</p>
				</div>
				<div class="aui-pull-right">
					<i class="icon njfont nj-daipeisong1"></i>
					<em></em>
				</div>
			</div>
			<!--订单状态-待配送end-->
			<!--订单状态-待配送-->
			<div class="order_status" v-if="childOrderList.logisticsStatus === 0 && !arr.selfExtract" v-show="childOrderList.scanOrder !== 1 && childOrderList.status == 0 && childOrderList.orderType !== 1 && childOrderList.orderType !== 5 && childOrderList.orderType !== 6">
				<div class="aui-pull-left">
					<h3>待配送</h3>
					<p>您的包裹正在打包中</p>
				</div>
				<div class="aui-pull-right">
					<i class="icon njfont nj-daipeisong1"></i>
					<em></em>
				</div>
			</div>
			<!--订单状态-待配送end-->
			<!--订单状态-配送中-->
			<!-- v-else-if="item.logisticsStatus === 1"-->
			<div class="order_status" v-if="childOrderList.logisticsStatus == 1 && !arr.selfExtract && childOrderList.status != 1 && childOrderList.status != 2" v-show="childOrderList.scanOrder !== 1 && childOrderList.orderType !== 1 && childOrderList.orderType !== 5 && childOrderList.orderType !== 6">
				<div class="aui-pull-left">
					<h3>配送中</h3>
					<p>正在送货途中</p>
				</div>
				<div class="aui-pull-right">
					<i class="icon njfont nj-peisongzhong1"></i>
					<em></em>
				</div>
			</div>
			<!--订单状态-配送中end-->
			<!--订单状态-已签收-->
			<!-- v-else="item.logisticsStatus === 2"-->
			<!--style="display: none;"-->
			<div class="order_status" v-if='childOrderList.logisticsStatus == 2 && !arr.selfExtract' v-show="childOrderList.scanOrder !== 1 && childOrderList.status == 0 && childOrderList.orderType !== 1 && childOrderList.orderType !== 5 && childOrderList.orderType !== 6">
				<div class="aui-pull-left">
					<h3>已签收</h3>
					<p>您的包裹已确认签收</p>
				</div>
				<div class="aui-pull-right">
					<i class="icon njfont nj-yiqianshou1"></i>
					<em></em>
				</div>
			</div>
			<!--订单状态-已签收end-->

			<!--订单状态-已关闭-->
			<!-- v-else="item.logisticsStatus === 2"-->
			<!--style="display: none;"-->
			<div class="order_status" v-if='!arr.selfExtract' v-show="childOrderList.scanOrder !== 1 && childOrderList.status == 2 && childOrderList.orderType !== 1 && childOrderList.orderType !== 5 && childOrderList.orderType !== 6">
				<div class="aui-pull-left">
					<h3>已关闭</h3>
					<p>您的订单已关闭</p>
				</div>
				<div class="aui-pull-right">
					<i class="icon njfont nj-yiqianshou1"></i>
					<em></em>
				</div>
			</div>
			<!--订单状态-已关闭end-->

			<!-- v-for="(item,index) in arr.childOrderList" key="index+item" -->
			<div class="aui-content">
				<ul class="aui-list aui-media-list top_div" v-if="childOrderList.scanOrder !== 1 && childOrderList.orderType !== 1 && childOrderList.orderType !== 5 && childOrderList.orderType !== 6">
					<!-- <li class="aui-list-item" v-if="orderDeliveryTms">
					<div class="aui-media-list-item-inner" v-for="(val, index) in orderDeliveryTms" :key="index" >
						<div class="aui-list-item-label-icon">
							<i class="icon njfont nj-shijian"></i>
						</div>
						<div class="aui-list-item-inner">
							<div>
								<div class="aui-list-item-title">{{val.goodsDeliveryType === 0 ? "常规" : "大件"}}配送时间：</div>
								<div>
									<span class="aui-font-size-11 text_c_gray">{{getTime(val.expectedTmStart)}}  至  {{getTime(val.expectedTmEnd)}}</span>
								</div>
							</div>
						</div>
					</div>
				</li> -->
					<li class="aui-list-item">
						<div class="aui-media-list-item-inner">
							<div class="aui-list-item-label-icon">
								<i class="icon njfont nj-dizhi"></i>
							</div>
							<div class="aui-list-item-inner">
								<div class="aui-list-item-text">
									<div class="aui-list-item-title"><strong>收货人：</strong>{{orderReceiverInfo.receiverName}}</div>
									<!-- <div class="aui-list-item-right aui-font-size-14">{{getTime(arr.createTime)}}</div> -->
								</div>
								<div class="aui-list-item-text">
									<div class="aui-list-item-title"><strong>联系电话：</strong>{{orderReceiverInfo.receiverPhone}}</div>
								</div>
								<p style="text-align:left;"><span class="aui-label aui-label-info">地址</span>&nbsp;{{address}}</p>
							</div>
						</div>
					</li>
				</ul>

				<!--商品-->

				<div id="orderDiv">
					<!--核销码-->
					<ul class="aui-list aui-media-list orderInfo" v-if="childOrderList.scanOrder == 1 && childOrderList.payStatus != 0">
						<li class="aui-list-item">
							<div class="aui-list-item-inner" style="text-align:left;display: inline-block;display: flex;justify-content: space-between;">
								<h3>核销状态</h3>
								<h3 v-if="childOrderList.status == 0" style="color: #ff2600;" @click="model=true&&cancellationState !== 1;">{{cancellationState === 1 ? '已核销' : '未核销>'}}</h3>
								<h3 v-else style="color: #999;">未核销</h3>
							</div>
						</li>
					</ul>
					<ul class="aui-list aui-media-list orderInfo" v-if="packageList.length !== 0">
						<li v-for=" (val, key) in packageList" :key="key">
							<div class="aui-list-item aui-media-list-item-inner dispatchList" v-if="childOrderList.scanOrder !== 1 && childOrderList.orderType !== 1 && childOrderList.orderType !== 5 && childOrderList.orderType !== 6">
								<div class="packageTitle">
									<span class="dispatchLeft_p">包裹{{key+1}}</span>
									<span style="color:#444; font-weight:bold">预计 {{deliveryTime(val[0].expecteDeliveryStartTm)}} {{packgeGetTime(val[0].expecteDeliveryStartTm)}}-{{packgeGetTime(val[0].expecteDeliveryEndTm)}}</span>  送达
								</div>
								<div class="packageDetail" v-for="(val_1, key_1) in val" :key="key_1">
									<router-link :to="{path:'/main/dispatch',query:{orderNo: val_1.orderNo,packageNo:val_1.packageNo,parentNo:$route.query.shopId,status:num}}">
										<div class="dispatchRight" v-if="val_1.logisticsStatus">
											<span class="aui-text-danger">{{val_1.logisticsStatus === 1 ? '配送中' : (val_1.logisticsStatus === 2 ? '已签收' : '配送异常')}}</span>
										</div>
										<div v-if="val_1.packageNo"><span>运单号：{{val_1.packageNo}}</span></div>
										<p style="color:#444;" v-show="val_1.confirmTm">实际送达时间：{{deliveryTime(val_1.confirmTm)}} {{packgeGetTime(val_1.confirmTm)}}</p>
									</router-link>
								</div>
							</div>
						</li>
						<!-- <li class="aui-list-item aui-media-list-item-inner dispatchList" v-show="orderDeliveryTms.length !== 0">
		<div class="dispatch_div" style="text-align:left;">
			<div class="" v-for="(val_1, key_1) in orderDeliveryTms" :key="key_1">
				<p class="dispatch_p"><span class="dispatchLeft_p">包裹{{key_1+1}}</span> <span style = "color:#444; font-weight:bold">预计 {{deliveryTime(val_1.showStartTm)}} {{packgeGetTime(val_1.showStartTm)}}-{{packgeGetTime(val_1.showEndTm)}}</span></p>
			</div>
		</div>
	</li> -->

						<!--<li class="aui-list-item">
			<div class="aui-list-item-inner" style="text-align:left;">
				<p>买家留言：{{arr.note?arr.note:''}}</p>
			</div>
	</li>-->
					</ul>
					<!-- <ul class="aui-list aui-media-list orderInfo"  v-if="packageList.length == 0 && orderDeliveryTms.length !== 0">
	<li class="aui-list-item aui-media-list-item-inner dispatchList">
		<div class="dispatch_div" style="text-align:left;">
			<div>
				<span>送达时间：</span>
			</div>
			<div class="dispatch_div_1">
				<div class="" v-for="(val, key) in orderDeliveryTms" :key="key">
					<p class="dispatch_p"><span class="dispatchLeft_p">包裹{{key+1}}</span><span style = "color:#444; font-weight:bold">预计 {{deliveryTime(val.showStartTm)}} {{packgeGetTime(val.showStartTm)}}-{{packgeGetTime(val.showEndTm)}}</span></p>
				</div>
			</div>

		</div>
	</li>
</ul> -->
					<ul class="aui-list aui-media-list orderInfo" v-if="arr.selfExtract">
						<li class="aui-list-item">
							<div class="aui-list-item-inner">
								<div class="aui-list-item-text">
									<div class="aui-list-item-title" ref="ordercopy">服务商信息：<span class="aui-font-size-14 text_c_gray"></span></div>
								</div>
								<p>服务商编号：{{arr.selfExtract.facilitatorCode}}</p>
								<p>服务商名称：{{arr.selfExtract.facilitatorName}}</p>
								<p>服务商地址：{{arr.selfExtract.facilitatorAddress}}</p>
							</div>
						</li>
					</ul>
					<ul class="aui-list aui-media-list orderInfo ">
						<li class="aui-list-item">
							<!-- <div class="pic aui-list-item-inner"><img src="../../../static/image/demo1.png" height="300" width="300"><span>12件商品</span></div> -->
							<div class="aui-list-item-inner">
								<div class="aui-list-item-text">
									<!--{{item.orderNo}}-->
									<div class="aui-list-item-title" ref="ordercopy">订单编号：<span id="data">{{childOrderList.orderNo}}</span><span class="aui-font-size-14 text_c_gray"></span></div>
									<div class="aui-list-item-right aui-font-size-14 btn" ref="mycopy" :data-clipboard-text="childOrderList.orderNo">
										<div @click.stop="starCopy" class="aui-btn aui-btn-outlined">复制
										</div>
									</div>
								</div>
								<p>下单时间：{{getTime(childOrderList.createTm)}}</p>
								<p v-if="childOrderList.payTm">付款时间：{{getTime(childOrderList.payTm)}}</p>
								<p v-if="arr.selfExtract">自提时间：{{getTime(arr.selfExtract.extractTm)}}</p>
							</div>
						</li>
					</ul>
					<div v-for="(item,index) in arr.orderDetailDTOList" :key="index+item" class="server_show">
						<!-- <ul class="aui-list aui-media-list commodity_list subtotal_list aui-margin-b-15">
						<li class="aui-list-item">
							<div class="aui-list-item-inner">
								<div class="aui-pull-right text_c_gray">共{{add(item.orderDetails)}}件</div>
							</div>
						</li>
					</ul> -->
						<ul class="aui-list aui-media-list commodity_list subtotal_list aui-margin-b-15" v-for="(detail, hh) in item.orderGoodsDTOList" :key="hh">
							<div @click="gotointegraldetail(item.orderType,item.scanOrder,detail.goodsCode,detail.integralGoodsRid)">
                               <!--: to = "(item.orderType != 1 && item.scanOrder != 1) ? {path:'/main/detail?code=' + detail.goodsCode} : {path:''}"-->
								<li class="aui-list-item">
									<div class="aui-media-list-item-inner">
										<div class="aui-list-item-media">
											<span class="img_span" :class="detail.buyType == 3 ? 'img_span_1' : ''">{{(detail.buyType == 2 ? "加价购" : (detail.buyType == 3 ? "赠品" : ""))}}</span>
											<img :src="detail.goodsImg || 'static/image/demo2.png'">
										</div>
										<div id="overStyle" class="aui-list-item-inner suggest">
											<h3>{{detail.goodsName}}</h3>
											<p v-if='detail.goodsSpec'>规格：&nbsp;{{detail.goodsSpec||''}}</p>
											<!--此处为原价	暂时未维护-->
											<p v-if="detail.activityFlag == true && item.orderType!=2">单价：
												¥{{realPrice(detail)}}
												<!-- &nbsp;<del>¥{{sonPrice(detail)}}</del> -->
												{{detail.goodsUnit?'/':''}}&nbsp;{{detail.goodsType == 2 ? detail.mallUnit : (detail.goodsUnit == 'kg' ? '500g' : (detail.mallUnit || ''))}}
											</p>
											<p v-if="(detail.activityFlag == false && item.orderType!=2)||item.orderType==2">单价：¥{{sonPrice(detail)}}{{detail.goodsUnit?'/':''}}&nbsp;{{detail.goodsType == 2 ? detail.mallUnit : (detail.goodsUnit == 'kg' ? '500g' : (detail.mallUnit || ''))}}</p>
											<!-- 数量 -->  
											<p v-if="detail.goodsType !== 7">数量：{{detail.goodsNum == 0 ? detail.actualWeight + detail.goodsUnit : detail.goodsNum + detail.mallUnit + (detail.actualWeight ? '(' + detail.actualWeight*1000 + 'g' +')' : '') }}</p>
											<p v-if="detail.goodsType == 7">数量：{{detail.actualWeight*1000 + 'g'}}</p>
											<p v-if="detail.workingInfo && detail.workingInfo != '[]'">
												加工服务：<span style="color:#1E1E1E">{{getworkingInfo(JSON.parse(detail.workingInfo))}}</span>
											</p>
										</div>
										<div class="subtotal">
											<span v-if="detail.activityFlag == true && item.orderType!=2">¥{{(detail.realTotalMoney).toFixed(2)}}<del style="color:#6b6b6b;"><br />¥{{(detail.totalMoney).toFixed(2)}}</del></span>
											<span v-if="detail.activityFlag == false && item.orderType!=2">¥{{(detail.totalMoney).toFixed(2)}}</span>
											<span v-if="item.orderType==2">{{detail.realPrice+'积分'}}{{detail.goodsUnit?'/':''}}&nbsp;{{detail.goodsUnit == 'kg' ? '500g' :(detail.goodsUnit || '')}}</span>
											<h6 class="sub_status">{{(detail.afterSaleStatus == 1 ? "已退款" : (detail.afterSaleStatus == 2 ? "已退货退款" : ""))}}</h6>
											<!--<p>x{{detail.goodsType === 7 ? detail.outGoodsNum + 'kg' : detail.outGoodsNum}}</p>-->
										</div>
									</div>
								</li>
							</div>
							<router-link :to="{path:'/main/afterSale',query:{orderNo:detail.orderNo,goodsCode:detail.goodsCode,buyType:detail.buyType,rid:detail.rid}}">
								<li v-if="(detail.afterSaleFlag && item.orderType!=2) ||(detail.afterSaleFlag && item.orderType==2 && childOrderList.logisticsStatus==0)">
									<div class="aui-list-item-right aui-font-size-14 btn after_div">
										<div class="aui-btn aui-btn-outlined after_btn">
											<!--<span>-->
											申请售后
											<!--</span>-->
										</div>
									</div>
								</li>
							</router-link>
							<!--扫码购已退货订单跳转链接-->
							<!--<router-link :to="{path:'/main/afterSaleDetail',query:{orderNo:detail.orderNo,goodsCode:detail.goodsCode,buyType:detail.buyType,serviceNo:detail.serviceNo}}">-->
							<!--<li v-if="detail.afterSaleStatus == 2">-->
							<!--<div class="aui-list-item-right aui-font-size-14 btn after_div">-->
							<!--<div class="aui-btn aui-btn-outlined after_btn">-->
							<!--&lt;!&ndash;<span>&ndash;&gt;-->
							<!--售后详情-->
							<!--&lt;!&ndash;</span>&ndash;&gt;-->
							<!--</div>-->
							<!--</div>-->
							<!--</li>-->
							<!--</router-link>-->

							<!-- 满减和服务 -->
							<div :class="{server_show:detail.hasService}" class="">
								<div id="service_select" class="gift_list" v-for="(server,index) in detail.orderServeList" :key="index">
									<h4>[服务]</h4>
									<dl>
										<dd>
											<font>{{server.serveName}}</font>
											<span>¥{{Number(server.servePrice).toFixed(2)}}×{{server.serveNum}}</span>
										</dd>
									</dl>
								</div>
							</div>

						</ul>
					</div>
					
					<ul class="aui-list aui-media-list commodity_list subtotal_list aui-margin-b-15">
						<li class="aui-list-item">
							<div class="total_list">
								<span>商品总价</span>
								<font v-if="childOrderList.orderType===2">¥{{Number(orderFee.totalPay).toFixed(2)}}{{ workingInfo ? '(加工费' + workingInfo +')' : ''}}</font>
								<font v-if="childOrderList.orderType!==2">¥{{Number(orderFee.promTotalPay).toFixed(2)}}{{ workingInfo ? '(加工费' + workingInfo +')' : ''}}</font>
							</div>
						</li>
						<li class="aui-list-item" v-if="this.childOrderList.orderType!=2">
							<div class="total_list">
								<span>活动优惠</span>
								<font>¥-{{(Number(orderFee.discountCut)).toFixed(2)}}</font>
							</div>
						</li>
						<li class="aui-list-item" v-if="this.childOrderList.orderType!=2">
							<div class="total_list">
								<span>优惠券优惠</span>
								<font>¥-{{(Number(orderFee.ticketCut)).toFixed(2)}}</font>
							</div>
						</li>
							
						<li class="aui-list-item">
							<div class="total_text">
								<span>共{{add}}件</span>
								<span class="prices_text" v-if="this.childOrderList.orderType==2">实付积分：<em>{{orderFee.realPay}}</em></span>
								<span class="prices_text" v-if="this.childOrderList.orderType!=2">实付金额： ¥<em>{{Number(orderFee.realPay).toFixed(2)}}</em></span>
								<span v-if="childOrderList.scanOrder !== 1">（邮费：¥ {{Number(orderFee.freight).toFixed(2)}}）</span>
							</div>
						</li>
					</ul>
				</div>
				<Bill-Order-Detail v-if="childOrderList && getInvoiceFlag==1" :childOrderList="childOrderList" :canInvoiceType="canInvoiceType"></Bill-Order-Detail>
				<!-- <ul class="aui-list aui-media-list orderInfo" v-if="arr.invoice">
					<li class="aui-list-item">
						<div class="aui-list-item-inner">
							<p>发票信息</p> -->
							<!-- arr.invoice.invoiceType == 1 ? '纸质发票' : (arr.invoice.invoiceType == 2 ? '电子发票' : arr.invoice.invoiceType == 3 ? '增值税发票' : '') -->
							<!-- <p>发票类型：<span>{{arr.invoice.invoiceType}}</span></p>
							<p v-if="arr.invoice.invoiceHead == '单位'">发票抬头：
								<span>{{arr.invoice.companyName}}</span>
								<span class="aui-font-size-14 text_c_gray"></span>
							</p>
							<p v-if="arr.invoice.invoiceHead == '单位'">企业税号：<span>{{arr.invoice.taxpayerNo}}</span></p>

							<p v-if="arr.invoice.invoiceHead == '个人'">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：<span>{{arr.invoice.personalName}}</span></p>
						</div>
					</li>
				</ul> -->

				<ul class="aui-list aui-media-list orderInfo commodity_list subtotal_list aui-margin-b-15" >
					<li class="deliveryRefund aui-list-item" v-if="childOrderList.deliveryRefund">
						<div class="total_text">
							<span>商品称重退款总金额：¥{{(childOrderList.deliveryRefund).toFixed(2)}}</span>
						</div>
					</li>
					<li class="deliveryRefund aui-list-item" v-if="childOrderList.outStockRefund">
						<div class="total_text">
							<span>商品缺货退款总金额：¥{{(childOrderList.outStockRefund).toFixed(2)}}</span>
						</div>
					</li>
				</ul>

				<ul class="aui-list aui-media-list orderInfo commodity_list subtotal_list aui-margin-b-15" v-for="(feeItem,index) in orderFee.feeDetails" :key="index" v-show="childOrderList.payStatus == 2">
					<li class="payType_methods" v-show="feeItem.payType != -1 && feeItem.payType != 6">
						<div class="payType_method">
						    <img v-if="feeItem.payType == 2 || feeItem.payType == 7 || feeItem.payType == 96 || feeItem.payType == 97" src="static/image/icon_yx.png" style="width: 2rem;height:1.4rem;margin-right: 0.2rem"/>
							<i v-else class="icon njfont" :class="iconFunction(feeItem.payType)" :style="{color:iconStyleFuncion(feeItem.payType)}"></i>
							<p class="payType_method_p">
								<span>{{payTypefunction(feeItem.payType)}}</span>
								<span style="text-align:left;">流水号：{{feeItem.serialNumber}}</span>
							</p>
						</div>
						<font class="payType_method_font" v-if="childOrderList.orderType!=2">¥{{(feeItem.payAmount).toFixed(2)}}</font>
						<font class="payType_method_font" v-if="childOrderList.orderType==2">{{orderFee.realPay}}积分</font>
					</li>

					<!--wallet && suneee pay is null, display!-->
					<!--<li class="payType_methods" v-if="childOrderList.payType && childOrderList.payType != 9 && childOrderList.payType != 6 && (orderFee.cashCut || orderFee.realPay)">
			<div class="payType_method">
				<i class="icon njfont" :class="iconStyle" :style="{color:iconStyle_color}"></i>
				<p class="payType_method_p">
					<span>{{payType}}</span>
					<span style="text-align:left;">流水号：{{childOrderList.billNo}}</span>
				</p>

			</div>
			<font class="payType_method_font">¥{{orderFee.cashCut ? (orderFee.realPay - orderFee.cashCut).toFixed(2) : orderFee.realPay }}</font>
		</li>
		<li class="payType_methods" v-if="orderFee.cashCut > 0  && childOrderList.status !== 1 && childOrderList.payStatus !== 0 && childOrderList.payType != 6 && (orderFee.cashCut || orderFee.realPay)">
			<div class="payType_method">
				<i class="icon njfont nj-qianbao" style="color:#ea4f2f;"></i>
				<p class="payType_method_p">
					<span>钱包余额支付</span>
					<span style="text-align:left;">流水号：{{orderFee.walletBillNo}}</span>
				</p>
			</div>
			<font class="payType_method_font">¥{{(orderFee.cashCut).toFixed(2)}}</font>
		</li> ! -->
				</ul>

				<!-- 订单详情的发票信息 -->
				<!-- <ul class="aui-list aui-media-list orderInfo">
					<li class="aui-list-item">
						<div class="aui-list-item-inner">
							<p>发票类型：<span></span></p>
							<div style="display: flex;">
								<p style="line-height:1.2rem;width:9rem;">发票抬头：
									<span style="margin-right:0.5rem;">111</span>
									
								</p>
								<div>
									<div class="lookBill" style="display:inline-block;">
										<a style="color:#9a9a9a;">查看发票</a>
									</div>
									<div class="setMeail" style="display:inline-block;">发送邮箱</div>
								</div>
			                    
		                	</div>
							<p>身份证号：<span></span></p>

							<p>发票内容：<span></span></p>
						</div>
					</li>
				</ul> -->
				<!-- 订单详情的发票信息 -->
			<!-- <a href="http://test.einvoice.scn.sunmath.cn/invoice/download/1011537746818453504" target="_blank">测试一下</a> -->
				<!-- <Bill-Order-Detail v-if="true && childOrderList.orderType != 2"></Bill-Order-Detail> -->
				
			</div>
			<!--商品列表 end-->
		</div>
		<div class="rule_model" @click="model=false" v-show="model">
			<div class="rule_model_1">
				<p> 请找身边的店员核销！</p>
				<qr-code id="qr" :text="message"></qr-code>
				<h4> 核销码:{{qrNumber}}</h4>
			</div>
		</div>
		<!-- <div style="height:3rem;"></div> -->
	</div>
</template>

<script>
	import { willPay, orderDetails, select, getCancellationStatus } from '../../api/wxh/getData.js'
	import { Toast } from '../../utils/toast.js'
	//import api from '../../api/index.js'
	import axios from 'axios'
	import Clipboard from 'clipboard';
	import Header from "../../real-components/myHeader";
	import BillOrderDetail from "../../real-components/BillOrderDetail";
	import { mapMutations, mapActions, mapGetters } from "vuex";
	import { showLoading, hideLoading } from '../../utils/loading.js'
	import VueQRCodeComponent from 'vue-qrcode-component'
	import goOnlineServer from '@/utils/ZWY/onlineServer';

	export default {
		data() {
			return {
				orderID: '',
				arr: '',
				arrChild: '',
				goodsArr: [],
				orderServeList: null,
				serviceCount: 0,
				num: null,
				orderNum: null,
				isSelfExtract: true,
				orderInvoice: null,
				invoice_type: '',
				invoice_title: '',
				totalMinis: 0, //总共减免
				totalPay: 0, //总金额
				realPay: 0, //实付
				childOrderList: '',
				orderReceiverInfo: '', //用户信息
				totalNum: null, //商品总数
				orderDeliveryTms: [], //送达时间
				workingInfo: 0, //加工费
				deliveryType: '', //配送方式
				orderFee: '',
				address: '',
				iconStyle: '',
				iconStyle_color: '',
				packageList: [],
				model: '',
				message: '',
				qrNumber: '',
				cancellationState: '', //是否核销
				timer: '',
				timeDuration: 3000,
				dispatchTm: '',
				expectTm: '',
				feeList: '',
				canInvoiceType:'',
			}
		},
		async created() {
			await this.getOderId();
			await Promise.all([this.getOrderInfo()]);
			this.num = this.$route.query.orderStatus;
			//查看是否可以开票
			this.canInvoiceType = this.$route.query.canInvoiceType;
			if(this.getInvoiceFlag==null){
				this.getBillStatus();
			}
		},
		beforeDestroy() {
			clearInterval(this.timer);
			this.timer = null;
		},
		components: {
			"m-header": Header,
			'qr-code': VueQRCodeComponent,
			'Bill-Order-Detail': BillOrderDetail,
		},
		computed: {
			...mapGetters('wxh', [
				'sessionId',
				'userInfo',
				'login'
			]),
			...mapGetters('zwy', [
				'getInvoiceFlag',
			]),
			add: function() {
				let j = null;

				this.arr.orderDetailDTOList && [...this.arr.orderDetailDTOList].forEach((val, index) => {
					[...val.orderGoodsDTOList].forEach((i) => {
						if(i.goodsUnit == "kg") {
							j++;
						} else {
							j += i.goodsNum;
						}
					})
				})
				return j;
			},
			payType: function() {
				let type = this.childOrderList.payType
				let a;
				switch(type) {
					case 1:
						a = '象谱支付-支付宝支付';
						this.iconStyle = 'nj-zhifubao';
						this.iconStyle_color = '#00a8ee';
						break;
					case 2:
						a = '象谱支付-银联支付';
						this.iconStyle = 'nj-yinlian2';
						this.iconStyle_color = '#185ba7';
						break;
					case 3:
						a = '象谱支付-微信支付';
						this.iconStyle = 'nj-weixin';
						this.iconStyle_color = '#05af10';
						break;
					case 4:
						a = '象谱支付-工行支付';
						this.iconStyle = 'nj-gonghang';
						this.iconStyle_color = '#c00925';
						break;
					case 5:
						a = '现金支付';
						this.iconStyle = 'nj-xianjin';
						this.iconStyle_color = '#ef6c00';
						break;
					case 6:
						a = '优惠券支付';
						this.iconStyle = 'nj-youhuiquan1';
						this.iconStyle_color = '#f44336';
						break;
					case 7:
						a = '象谱支付-银联支付';
						this.iconStyle = 'nj-yinlian1';
						this.iconStyle_color = '#2196f3';
						break;
					case 8:
						a = '象谱支付-威富通';
						this.iconStyle = 'nj-weifutong';
						this.iconStyle_color = '#1976d2';
						break;
					case 9:
						a = '钱包余额支付';
						this.iconStyle = 'nj-qianbao';
						this.iconStyle_color = '#ff9100';
						break;
					default:
						a = '';
				}
				return a
			},
			getCancelTime() {
				let mss;
				if(this.childOrderList.autoCancelTm) {
					mss = this.childOrderList.autoCancelTm - new Date().getTime();
					let days = parseInt(mss / (1000 * 60 * 60 * 24));
					let hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
					let minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));
					return(days > 0 ? (days + " 天 ") : '') + (hours > 0 ? (hours + " 小时 ") : '') + minutes;
				} else {
					mss = 30
				}
				if(mss < 0) {
					return 0;
				}
				return mss;
			},
		},
		methods: {
			...mapMutations('zwy',[
				'setInvoiceFlag',
			]),
			/*返回上一页*/
			goback() {
				if(this.$route.query.orderStatus == -1) {
					window.history.go(-1);
				} else {
					this.$router.replace({
						path: 'order',
						query: {
							orderStatus: this.num
						}
					})
				}
			},
			/*返回详情页面*/
			gotointegraldetail(orderType,scanOrder,goodsCode,rid) {
				// if(orderType != 1 && orderType != 5 && orderType != 6 && scanOrder != 1 ) {
					if(orderType == 2) {
                        this.$router.push({
							path: '/main/integralProDetail?rid=' + rid,
						})
					} else {
						this.$router.push({
							path: '/main/detail?code=' + goodsCode,
						})
					}
				// }
			},
			ismobile(test) {
				var u = navigator.userAgent,
					app = navigator.appVersion;
				if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
					if(window.location.href.indexOf("?mobile") < 0) {
						try {
							if(/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)) {
								return '0';
							} else {
								return '1';
							}
						} catch(e) {}
					}
				} else if(u.indexOf('iPad') > -1) {
					return '0';
				} else {
					return '1';
				}
			},
			starCopy() {
				console.log("gw666666666666666666666")
				var Url2=document.getElementById("data").innerText;
				var oInput = document.createElement('input');
				oInput.value = Url2;
				document.body.appendChild(oInput);
				oInput.select(); // 选择对象
				document.execCommand("Copy"); // 执行浏览器复制命令
				oInput.className = 'oInput';
				oInput.style.display='none';
				Toast({
				    message: "复制成功"
				})
				// let num = this.ismobile(1);
				// if(num == '0') {
				// 	if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //ios
				// 		var copyDOM = document.querySelector('#data'); //要复制文字的节点
				// 		var range = document.createRange();
				// 		// 选中需要复制的节点
				// 		range.selectNode(copyDOM);
				// 		// 执行选中元素
				// 		window.getSelection().addRange(range);
				// 		// 执行 copy 操作
				// 		var successful = document.execCommand('copy');
				// 		try {
				// 			var msg = successful ? 'successful' : 'unsuccessful';
				// 		} catch(err) {}
				// 		if(msg) {
				// 			Toast({
				// 				message: '复制成功',
				// 				// iconClass: "aui-iconfont aui-icon-correct",
				// 				duration: 2000,
				// 				type: 'success'
				// 			});
				// 		}
				// 		// 移除选中的元素
				// 		window.getSelection().removeAllRanges();
				// 	}
				// }

			},
			getRef() {
				let num = this.ismobile(1);
				if(true) {
					const clipboard = new Clipboard('.btn');
					if(Clipboard.isSupported()) {
						clipboard.on('success', function(e) {
							Toast({
								message: '复制成功',
								// iconClass: "aui-iconfont aui-icon-correct",
								duration: 1000,
								type: 'success'
							});
							clipboard.destroy();
						});
						clipboard.on('error', function(e) {
							Toast({
								message: '复制失败',
								// iconClass: "aui-iconfont aui-icon-close",
								duration: 1000,
								type: 'fail'
							});
						});
					}

				}
			},
			async fetchData() {

				let res = await willPay(this.$route.query.shopId);
				if(res.returncode == 0) {
					Toast({
						message: res.errmsg,
						// iconClass:"aui-iconfont aui-icon-close",
						duration: 2000,
						type: 'fail'
					});

					return
				}
			},
			//转换时间格式
			getTime(param, type) {
				if(!param) {
					return
				}
				let date = new Date(param);
				let year = date.getFullYear();
				let month = checkTime(date.getMonth() + 1);
				let day = checkTime(date.getDate());
				let hour = checkTime(date.getHours());
				let min = checkTime(date.getMinutes());
				let sec = checkTime(date.getSeconds());

				function checkTime(i) {
					if(i < 10) {
						i = '0' + i;
					}
					return i;
				}

				if(type === 1) {
					return day + '天' + hour + '小时' + min + '分';
				}

				return year + '-' + month + '-' + day + ' ' + hour + ':' + min;
			},
			packgeGetTime(param, type) {
				if(!param) {
					return
				}
				let date = new Date(param);
				let year = date.getFullYear();
				let month = checkTime(date.getMonth() + 1);
				let day = checkTime(date.getDate());
				let hour = checkTime(date.getHours());
				let min = checkTime(date.getMinutes());
				let sec = checkTime(date.getSeconds());

				function checkTime(i) {
					if(i < 10) {
						i = '0' + i;
					}
					return i;
				}

				if(type === 1) {
					return day + '天' + hour + '小时' + min + '分';
				}
				return hour + ':' + min;
			},
			getOderId() {
				// console.log("123456")
				this.orderID = this.$route.query.shopId;
				this.getOrderBillDetail(this.$route.query.shopId);
			},
			async getOrderInfo() {
				showLoading();
				let res = await orderDetails(this.orderID);
				let working = null;
				if(res.returnCode === 0) {
					Toast({
						message: res.msg || '数据加载异常！',
						duration: 1000,
						type: 'success'
					})
					hideLoading();
					return
				}
				if(res.returnCode === 1) {
					if(!res.data[0]) {
						Toast({
							message: res.msg || '无数据！',
							duration: 1000,
							type: 'success'
						})
						hideLoading();
						return
					}
					hideLoading();
				}
				this.arr = res.data[0];
				console.log(this.arr,"//////////////////////////////////////////")
				let obj = {
					sessionId: this.$store.getters['wxh/sessionId'],
					orderNo: res.data[0].parentOrderNo
				}
				this.qrNumber = obj.orderNo;
				this.message = JSON.stringify(obj);
				console.log('message', this.message);
//				this.childOrderList = res.data[0].childOrderList[0];//以前取的字段
				this.childOrderList = res.data[0].orderDetailDTOList[0];//现在去的字段
				this.$store.dispatch('hzh/PutChildOrderList',this.childOrderList)
				//核销code
				this.cancellationState = this.childOrderList.cancellationState;
				let that = this;
				if((this.cancellationState === 0 || !this.cancellationState) && this.childOrderList.scanOrder == 1 && this.childOrderList.payStatus == 2) {
					this.timer = setInterval(function() {
						console.log(that);
						that.getScanOrder();
					}, this.timeDuration)
				}

				this.orderFee = res.data[0].orderFee;
//				this.packageList = res.data[0].childOrderList[0].orderPackageDTOList || [];
				this.packageList = res.data[0].orderDetailDTOList[0].orderPackageDTOList || [];
				this.feeList = res.data[0].orderFee.feeDetails
				console.log('packageList', this.packageList);
				let k = this.childOrderList.deliveryType;
				if(k == "DDZT") this.deliveryType = "到店自提";
				if(k == "TCPS") this.deliveryType = "同城配送";
				if(k == "KDWL") this.deliveryType = "快递物流";
				if(k == "WXWL") this.deliveryType = "无需物流";

//				this.orderDeliveryTms = res.data[0].childOrderList[0].orderDeliveryTms || [];
				this.orderDeliveryTms = res.data[0].orderDetailDTOList[0].orderDeliveryTms || [];
				this.orderReceiverInfo = res.data[0].orderReceiverInfo;
				if(this.orderReceiverInfo) {
					this.getAddress()
				};
//				debugger
//				working = res.data[0].childOrderList[0].orderDetails;
				working = res.data[0].orderDetailDTOList[0].orderGoodsDTOList;
				console.log("123nihengniubi321",working)
//				for(let key in working){
//					if(working[key].workingInfo){
//						if(val.actualWeight != 0) {
//							this.workingInfo += Number(JSON.parse(val.workingInfo).procemoney || 0);
//						} else {
//							this.workingInfo += (JSON.parse(val.workingInfo).procemoney || 0 )* Number(val.goodsNum);
//						}
//					}
//				}
				
				working.forEach((val, key) => {
					console.log(val)
					if(val.workingInfo) {
						if(val.actualWeight != 0) {
							this.workingInfo += Number(JSON.parse(val.workingInfo).procemoney || 0);
						} else {
							this.workingInfo += (JSON.parse(val.workingInfo).procemoney || 0 )* Number(val.goodsNum);
						}
					}

				})
				for(let i of this.arr.orderDetailDTOList) {
					this.totalPay += i.totalPay;
					this.totalMinis += i.totalMinis;
					this.realPay += i.realPay;
				}
			},
			deliveryTime(time) {
				function checkTime(i) {
					if(i < 10) {
						i = '0' + i;
					}
					return i;
				}
				let date1 = new Date(time);
				let d = new Date();
				let date = d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate();
				let year = date1.getFullYear();
				let month = checkTime(date1.getMonth() + 1);
				let day = checkTime(date1.getDate());
				let expdate = year + '-' + month + '-' + day;
				let expdateShow = month + '-' + day;
				let realDay_str = date.replace(/-/g, '/');
				let realDay1_str = expdate.replace(/-/g, '/');
			
				let realDay = new Date(String(realDay_str)).getTime() - new Date(String(realDay1_str)).getTime();			 
				let days = parseInt(realDay / (1000 * 60 * 60 * 24));
			
				if(days == 0) {

					return '今天'
				} else if(days == -1) {

					return '明天'
				} else {

					return expdateShow
				}
			},

			payTypefunction(type) {
				let a;
				switch(type) {
					case 1:
						a = '象谱支付-支付宝支付';
						break;
					case 2:
						a = '象谱支付-银行卡支付';
						break;
					case 3:
						a = '象谱支付-微信支付';
						break;
					case 4:
						a = '象谱支付-工行支付';
						break;
					case 5:
						a = '现金支付';
						break;
					case 6:
						a = '优惠券支付';
						break;
					case 7:
						a = '象谱支付-银联支付';
						break;
					case 8:
						a = '象谱支付-威富通';
						break;
					case 9:
						a = '钱包余额支付';
						break;
					case 20:
						a = '邮费支付';
						break;
					case 21:
						a = '积分支付';
						break;
					case 96:
						a = '线下银联活动';
						break;
					case 97:
						a = '线下银联';
						break;
					case 98:
						a = '线下微信';
						break;
					case 99:
						a = '线下支付宝';
						break;						
					default:
						a = '';
				}
				return a
			},
			iconFunction(type) {
				let className;
				switch(type) {
					case 1:
						className = 'nj-zhifubao';
						break;
					case 2:
						className = 'nj-yinlian2';
						break;
					case 3:
						className = 'nj-weixin';
						break;
					case 4:
						className = 'nj-gonghang';
						break;
					case 5:
						className = 'nj-xianjin';
						break;
					case 6:
						className = 'nj-youhuiquan1';
						break;
					case 7:
						className = 'nj-yinlian1';
						break;
					case 8:
						className = 'nj-weifutong';
						break;
					case 9:
						className = 'nj-qianbao';
						break;
					case 21:
						className = 'nj-jifen2';
						break;	
					case 96:
						className = 'nj-yinlian1';
						break;
					case 97:
						className = 'nj-yinlian1';
						break;
					case 98:
						className = 'nj-weixin';
						break;
					case 99:
						className = 'nj-zhifubao';		
						break;
					default:
						className = '';			
				}
				return className
			},
			iconStyleFuncion(type) {
				let colorType;
				switch(type) {
					case 1:
						colorType = '#00a8ee';
						break;
					case 2:
						colorType = '#185ba7';
						break;
					case 3:
						colorType = '#05af10';
						break;
					case 4:
						colorType = '#c00925';
						break;
					case 5:
						colorType = '#ed3f3f';
						break;
					case 6:
						colorType = '#f44336';
						break;
					case 7:
						colorType = '#2196f3';
						break;
					case 8:
						colorType = '#1976d2';
						break;
					case 9:
						colorType = '#ff9100';
						break;
					case 21:
						colorType = '#ffd156';
						break;
					case 96:
						colorType = '#2196f3';
						break;
					case 97:
						colorType = '#2196f3';
						break;
					case 98:
						colorType = '#05af10';
						break;
					case 99:
						colorType = '#00a8ee';
						break;		
					default:
						colorType = '';
				}
				return colorType
			},
			async getScanOrder() {
				let req = await getCancellationStatus(this.orderID);
				if(req.status !== 200) return;
				if(req.data.returnCode === 0) return
				if(req.data.returnCode === 1) {
					if(req.data.data[0].cancellationStatus === 1) {
						this.cancellationState = 1;
						Toast({
							message: '核销成功！',
							duration: 2000,
							type: 'success'
						});
						clearInterval(this.timer);
						this.timer = null;
						return
					}
					if(req.data.data[0].cancellationStatus === 0) return
				}

			},
			getOrder() {
				return this.orderNum;
			},
			scanShow() {

			},
			async getAddress() {
				//省市区
				let [haha, province, city, region] = await Promise.all([select(1), select(this.orderReceiverInfo.province), select(this.orderReceiverInfo.city), select(this.orderReceiverInfo.region)]);
				let province_1, city_1, region_1;
				[...haha].forEach((n) => {
					if(n.rid == this.orderReceiverInfo.province) {
						province_1 = n.name
					}
				});
				[...province].forEach((n) => {
					if(n.rid == this.orderReceiverInfo.city) {
						city_1 = n.name
					}
				});
				[...city].forEach((n) => {
					if(n.rid == this.orderReceiverInfo.region) {
						region_1 = n.name
					}
				});
				this.address = this.orderReceiverInfo.receiverAddress.replace("_"," ");
			},

			sonPrice(son) {
				let a = son.goodsUnit == 'kg' ? Number(son.goodsPrice / 2).toFixed(2) : Number(son.totalMoney / son.outGoodsNum).toFixed(2);
				return a;
			},
			realPrice(detail) {
				let a = detail.goodsUnit == 'kg' ? Number(detail.realPrice / 2).toFixed(2) : Number(detail.realTotalMoney / detail.outGoodsNum).toFixed(2);
				return a;
			},

			online() {
				// if (!this.login) {
				// 	this.$router.push({ path: '/main/login' });
				// 	return
				// }
				// let req = {
				// 	userid: this.userInfo.userid,
				// 	userName: encodeURI(this.userInfo.vipname),
				// 	enterpriseid: this.userInfo.enterpriseid,//测试

				// };
				// let url = "http://yuchai.weilian.cn:17999/yncrm/crm_web_client";//现网
				// let url = "http://116.10.197.142:13008/yncrm/crm_web_client";//测试
				//				let url = "http://test.crm.scn.weilian.cn/static/crm/customerChat.html";
				//
				//				let dataStr = ''; //数据拼接字符串
				//				Object.keys(req).forEach(key => {
				//					dataStr += key + '=' + req[key] + '&';
				//				})
				//
				//				if (dataStr !== '') {
				//					dataStr = dataStr.substr(0, dataStr.lastIndexOf('&'));
				//					url = url + '?' + dataStr;
				//				}
				//测试环境
				// let url = 'http://test.crm.scn.weilian.cn/static/custchat/index.html' + '?sessionId=' + this.sessionId;

				// this.$router.push({ path: 'online', query: { urlData: url } });
				//生产环境
				// this.$router.push('server')
				goOnlineServer(this)

			},
			//根据shopId来获取发票详情
			getOrderBillDetail(val){
				// console.log("123456111")
				this.$store.dispatch('hzh/GetOrderBills',val)
			},
			// 倒计时时间
			creTime(val){
				 let s = val / 1000;
				let min  = s / 60;
				if(min > parseInt(min)){
					min = parseInt(min) + 1;
				}else{
					min = parseInt(min)
				}
				return min;
			},
			getBillStatus(){
				//获取发票使用状态
                var sessionId = localStorage.getItem('sessionId');
                var config = {
                   url : window.api.base_host+'/baseConfig/findByCode',
                //    data:JSON.stringify(datas),
                   method:"GET",
                   headers: {'sessionId': sessionId, 'Content-Type':'application/json', 'Accept' : 'application/json'},
                }
                axios(config).then((res) => {
                      try{
                        if(res.data.returnCode === 1){
							this.setInvoiceFlag(res.data.data[0].invoiceFlag)

                        }else {
                            
                        }

                      }catch(err){

                      }
                   
                })
			},
			getworkingInfo(val) {
				if(val instanceof Array) {
					return val[0].processingItem
				} else {
					return val.processingattribute
				}
			}
		},
		watch: {
			arr() {
				setTimeout(() => {
					this.getRef();
				}, 20);
			}
		},
		filters: {
			getTime_1: function(param) {
				if(!param) {
					return
				}
				let date = new Date(param);
				let year = date.getFullYear();
				let month = checkTime(date.getMonth() + 1);
				let day = checkTime(date.getDate());
				let hour = checkTime(date.getHours());
				let min = checkTime(date.getMinutes());
				let sec = checkTime(date.getSeconds());

				function checkTime(i) {
					if(i < 10) {
						i = '0' + i;
					}
					return i;
				}

				return year + '-' + month + '-' + day + ' ' + hour + ':' + min;
			}

		}
	}
</script>
<style scoped="scoped">
.customHeaderStyle{
		position: relative;
		background: #fff;
		min-height: 3rem;
		border-bottom: 1px solid #eaeaea;
		color: #444;
		font-weight: 700;
		left: 0;
		top: 0;
		line-height: 2.25rem;
		/* z-index: 2; */
		width: 100%;
		font-size: .9rem;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.headerCustomTitle{
		overflow: hidden;
		right: 6rem;
		font-weight: 500;
		min-height: 2.25rem;
		position: absolute;
		margin: 0;
		text-align: left;
		white-space: nowrap;
		left: 3rem;
		width: auto;
		text-overflow: ellipsis;
		z-index: 2;
		font-size: 1.1rem;
		margin-top: .35rem;
		top: 1px;
	}
	.aui-content {
		width: 100%;
	}

	.container {
		overflow: hidden;
		background: #eaeaea;
		height: 100%;
		position: relative;
		width: 100%;
		top: 0;
		display: flex;
		flex-flow: column nowrap;
		/*overflow-y: scroll;*/
	}

	.centent {
		/*	width: 100%;
	height: 100%;*/
		flex: 1;
		overflow-y: scroll;
	}

	#orderDiv .aui-margin-b-15 {
		margin-bottom: 0 !important;
		border-bottom: 1px solid #eee;
		padding-bottom: 0.6rem;
	}

	.orderInfo {
		margin-top: 0.75rem;
		/*margin-bottom: 0.75rem;*/
	}

	.aui-list {
		background-size: 100% 0px;
	}
	.aui-list .aui-list-item-inner.suggest {
		width: 60%;
	}
	.aui-list-item .subtotal {
		position: absolute;
    	right: 0;
	}
	#overStyle h3 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		min-height: auto;
	}

	.server_show::after {
		background-color: #fff;
		border:none;
	}

	.subtotal_list .aui-list-item-media {
		width: 4rem;
		height: 4rem;
	}

	.aui-searchbar,
	.aui-bar-nav {
		position: static;
	}

	#overStyle {
		text-align: left;
	}

	.aui-list-item-inner {
		text-align: left;
	}

	.order_status {
		text-align: left;
		height: 5rem;
		background: #38B035;
	}

	.bar {
		position: fixed;
	}

	.order_status_1 {

		display: flex;
		justify-content: space-between;
	}

	.payType {
		padding-right: 0.75rem;
		text-align: right;
		line-height: 1rem;
	}

	.total_text {
		padding-right: 0.6rem;
	}

	.payType_methods {
		display: flex;
		justify-content: space-between;
		padding: .75rem;
	}

	.payType_method {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 72%;
		justify-content: left;
	}

	.payType_method>i {
		font-size: 2rem;
	}

	.payType_method_font {
		color: #EF5423;
		font-size: 0.9rem;
		width:30%;
	}

	.payType_method_p {
		display: flex;
		flex-direction: column;
		align-items: left;
		text-align: left;
	}

	.img_span {
		position: absolute;
		width: 2rem;
		background: #faa73c;
		color: #fff;
		border-bottom-right-radius: 7px;
		font-size: 0.5rem;
		z-index: 9999;
	}

	.img_span_1 {
		background: #eb3838;
		z-index: 999;
	}

	.dispatchList {
		overflow: hidden;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.dispatchLeft {
		width: 75%;
		float: left;
		color: #9a9a9a;
	}

	.dispatchLeft_p {
		display: inline-block;
		border: 1px solid #EF5423;
		color: #EF5423;
		border-radius: 4px;
		width: 2.5rem;
		text-align: center;
		height: 1rem;
		margin-right: 0.2rem;
	}

	.dispatchRight {
		float: right;
		width: 25%;
		position: relative;
		text-align: left;
	}

	.dispatchRight:after {
		content: '';
		width: 0.4rem;
		height: 0.4rem;
		position: absolute;
		top: 6px;
		right: 0.4rem;
		background: none;
		border: 1px solid #dddddd;
		border-bottom: none;
		border-right: none;
		-webkit-border-radius: 0;
		border-radius: 0;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		z-index: 2;
	}

	.subtotal {
		position: relative;
		white-space: nowrap;
	}

	.subtotal span {
		height: auto;
		color: #333;
		font-weight: normal
	}

	.subtotal .sub_status {
		height: 1.5rem;
		color: #9a9a9a;
		font-size: 0.6rem;
	}

	.server_show::after {
		background: none;
	}

	.subtotal del {
		font-size: 0.7rem;
	}

	.kf {
		position: absolute;
		margin-top: 0.35rem;
		top: 3px;
		right: 1rem;
		padding: 0 0.35rem;
		background: #38B035;
		border-radius: 3px;
		color: #ffffff;
		height: 2rem;
		line-height: 2.4rem
	}

	.kf i {
		font-size: 1.4rem;
		font-weight: 100
	}

	.rule_model {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		position: absolute;
		z-index: 99999;
		top: 0;
		left: 0;
		color: #000;
	}

	.rule_model_1 {
		width: 80%;
		height: 50%;
		max-height: 80%;
		margin: auto;
		background: rgba(255, 255, 255, 1);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		transition: .2s;
		border-radius: 10px;
		overflow-y: scroll;
		overflow-x: hidden;
		/*white-space: nowrap ;*/
		word-break: break-all;
		min-height: 25%;
		text-align: left;
		/*padding: 1rem;*/
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.rule_model_1 p {
		margin: auto;
		text-align: center;
	}

	.rule_model_1 p:first-of-type {
		font-size: 1rem;
		color: #444;
		margin-bottom: .5rem;
	}

	.rule_model_1 p:last-of-type {
		font-size: 1rem;
		color: #000;
	}

	.rule_model_1 h4 {
		text-align: center;
		margin-top: .3rem;
	}

	#qr {
		/*margin:auto;*/
		/*margin-top:2rem;*/
		display: flex;
		justify-content: space-around;
		width: 100%;
		height: 80%;
	}

	#qr>img {
		width: 95% !important;
		height: 100%;
	}

	.arriveTm {
		clear: both;
		text-align: left;
	}

	.dispatch_div {
		display: flex;
	}

	.dispatch_div_1 {
		display: flex;
		flex-direction: column;
	}

	.dispatch_p {
		margin-bottom: 0.5rem;
	}

	.after_div {
		max-width: 100% !important;
		text-align: right;
	}

	.after_btn {
		margin: 0.5rem 0.5rem 0;
		padding: 0 0.4rem;
	}

	.packageTitle {
		text-align: left;
		margin-bottom: 5px;
	}

	.packageDetail {
		text-align: left;
		margin-bottom: 5px;
	}
	.mint-msgbox-wrapper{
		width: 0 !important;
		height: 0 !important;
	}
	.aui-list-item{
		background-image: none !important;
	}
</style>
